<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>9.提升工作效率 | 被删的前端游乐场</title>
    <meta name="generator" content="VuePress 1.8.2">
    
    <meta name="description" content="Just playing around">
    
    <link rel="preload" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css" as="style"><link rel="preload" href="/front-end-playground/assets/js/app.1e2670bf.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/2.38d016d1.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/3.e3f029cb.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/131.3352878f.js" as="script">
    <link rel="stylesheet" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-end-playground/" class="home-link router-link-active"><!----> <span class="site-name">被删的前端游乐场</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link router-link-active">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link router-link-active">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0" style="padding-top:10px;"><div class="kitty-main" data-v-2b653b36><span class="stand" data-v-2b653b36></span> <div class="cat" data-v-2b653b36><div class="body" data-v-2b653b36></div> <div class="head" data-v-2b653b36><div class="ear" data-v-2b653b36></div> <div class="ear" data-v-2b653b36></div></div> <div class="face" data-v-2b653b36><div class="nose" data-v-2b653b36></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div></div> <div class="tail-container" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36></div></div></div></div></div></div></div></div></div></div> <p class="sidebar-heading open"><span>前端这几年</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html" class="sidebar-link">1.转岗之路</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-2-principle.html" class="sidebar-link">2.工作原则和选择</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-3-growth.html" class="sidebar-link">3.关于成长和焦虑</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-4-health.html" class="sidebar-link">4.生命与健康</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html" class="sidebar-link">5.沉淀习惯养成</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-6.html" class="sidebar-link">6.工作选择的困惑</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-7.html" class="sidebar-link">7.情绪与保持清醒</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html" class="sidebar-link">8.工作中的矛盾</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html" aria-current="page" class="active sidebar-link">9.提升工作效率</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html#时间管理" class="sidebar-link">时间管理</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html#todo-list" class="sidebar-link">Todo List</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html#协作与沟通" class="sidebar-link">协作与沟通</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html#重复性工作" class="sidebar-link">重复性工作</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html#结束语" class="sidebar-link">结束语</a></li></ul></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-10.html" class="sidebar-link">10.我的工作历险记</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-11.html" class="sidebar-link">11.关于一年一换的魔咒</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-writing.html" class="sidebar-link">写文章这件事</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/a-book-with-one-story.html" class="sidebar-link">一本书和一个故事</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0" style="padding-top:;"><!----> <p class="sidebar-heading"><span>面试这件事</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>效率二字在工作中已经是老生常谈了，但反观我们的日常工作里，其实依然有很多可以改进的地方。效率提升了，我们可以把时间花在自己想花的地方了。</p> <h1 id="自我管理"><a href="#自我管理" class="header-anchor">#</a> 自我管理</h1> <p>效率提升的大部分都是关于自我管理的，这里分享几个对我自己来说比较实用的技巧。</p> <h2 id="时间管理"><a href="#时间管理" class="header-anchor">#</a> 时间管理</h2> <p>相信每个人都有自己效率较高的工作时间，这里我们可以将自己每天的工作时间分成几个部分，包括：零碎的时间段（30 分钟内）、连续较短的时间段（1-2 个小时）、连续较长的时间段（2 个小时以上）。</p> <p>我们用空瓶子填石头的方法，先把长的时间段划出来，用来专注写代码实现功能。接下来是较短的连续时间段，可以用来做代码测试、问题定位和修复等事情。最后是零碎的时间段，可以用来规划工作内容、与协作方（产品、设计、其他开发）沟通、总结复盘等内容。</p> <p>来举个栗子说明一下。</p> <p>例如我们程序员一般每天 9 点多才到公司，上午的工作时间大概 2 个小时左右。可用于准备今日的 Todo List，梳理今日工作内容并进行分块（根据工作量大小划分），梳理需要的资源并推动相应的依赖方，这个过程大概 0.5-1 小时。上午还剩下 1 个多小时，可以挑某个预估时间差不多的活来干。</p> <p>然后就是开心的下午时间了，一般下午有 4-5 小时的时间。除去可能进行的会议，可以进行较大块的工作内容。可以以小时为单位来划分，每完成一个任务就稍作休息，上个厕所、接杯水喝等。这个过程可能会被各种人打断，来问某个功能是否能实现的产品、来咨询某些问题怎么处理的甲方，不过我们的任务是以小时为单位划分的话，影响也不会很大。</p> <p>然后是晚上。一般晚上也有 2、3 个小时以上的时间可以干活，而且这个时候开会比较少、被人打扰的情况也较少，所以很多程序员的最高效开发时间在晚上。同样的可以按照以小时为单位的任务来进行，晚上还有比较重要的一件事，就是根据早上梳理的工作内容，回顾今天的事情是否顺利完成，如果有一些心得体会，可以简单地记录下来，等空闲或者周末的时候再集中整理。</p> <p>大家可以根据自己的个人情况来进行调整，例如我个人习惯是 10 点以后尽量不写代码，因为会越写越精神晚上睡不着，当然也有很多人喜欢 10 点以后开始写代码。</p> <h2 id="todo-list"><a href="#todo-list" class="header-anchor">#</a> Todo List</h2> <p>Todo List 的梳理其实是高效工作里最重要的一个步骤。前面我们说到通过时间管理的方式来提升工作效率，而我们可以将时间划分为时间段的前提，则是梳理好我们的 Todo List。</p> <h3 id="养成备忘的习惯"><a href="#养成备忘的习惯" class="header-anchor">#</a> 养成备忘的习惯</h3> <p>要怎么写好一个 Todo List 呢？其实关键是养成备忘的习惯。</p> <p>我们工作中除了代码开发以外，涉及许多其他的零碎的事情，例如开会、问题响应、临时问题定位、内容整理和输出等等。当事情很多、又突然被打断或者打乱的时候，我们常常会抓耳挠腮。那么是什么导致了事情太多太乱呢？是因为我们记不住。</p> <p>所以我们可以在每次突然接到一个新的任务的时候，或者突然想起某个事情要做的时候，就可以先简单地在一个习惯的地方记录下来。尽量在一个统一的地方记录，免得想不起来记在哪里或是遗漏了，就达不到我们的目的了。可以是手边备一个笔记本、手机备忘录、微信文件传输助手等等。</p> <p>记录的时候可以根据完成或者进行的日期来维护，例如“今天”、“本周”、“周末”、“XX月”，这样我们每次有新的内容补充，都可以继续填在原有的内容后面，而查阅起来也比较方便。</p> <h3 id="优先级排序"><a href="#优先级排序" class="header-anchor">#</a> 优先级排序</h3> <p>除了维护这样一个 Tode List 备忘列表，我们还需要对这个列表进行优先级排序。</p> <p>我们待完成的任务中，都会有重要程度、紧急程度的区分。每次更新备忘的时候，都可以重新确认一下优先级。这样，当我们拿到这么一个 Todo List 的时候，就可以直接按照上面的顺序来先后完成，不用再因为“时间不够、事情太多”而烦躁了。</p> <p>除此之外，我们还需要对任务的耗时做一个预估，因为根据任务所需要的时间，我们很可能需要匹配自身拥有的时间来调整优先级顺序。</p> <p>例如，我这周末打算写一篇文章、看某一本书的两章内容，还需要做饭、打扫卫生，剩下的时间去动物之森集合。那么我需要评估下每个任务的时间，然后根据上下午、晚上的时间段来对应划分，最终根据合适的方式来排序，得到我的周末 Todo List。</p> <p>我只需要在特定的时间段完成这个任务，多出来的时间就可以去玩游戏啦！</p> <h1 id="其他"><a href="#其他" class="header-anchor">#</a> 其他</h1> <p>除了与自身时间管理、任务管理相关的事情以外，我们工作中效率不高的原因常常还因为低效的沟通、重复性的工作等，这些也是需要提升效率的地方。</p> <h2 id="协作与沟通"><a href="#协作与沟通" class="header-anchor">#</a> 协作与沟通</h2> <p>首先，我们来看看常常“浪费时间”的协作和沟通问题。如果你仔细观察，你会发现我们的工作中会经常出现这样的情况，两个人争了半天才发现讲的不是一个事情，或者关注的重点不一致。那么，我们要怎么避免这种情况呢？</p> <p>首先是换位思考。我们需要知道对方在想什么，怎么知道呢？问。在对方说了一堆之后，你可以尝试通过上下文找到他的疑惑点，然后用反问的方式梳理一下，“你想知道的是这个吗”、“我这样理解对吗”，这样对方会停止急于表达自己的行为，从而来尝试理解你说的是否正确。通过这样一个小技巧，你们双方都可以进行换位思考，只要问题达成一致，剩余的讨论就不会偏离方向导致浪费时间了。</p> <p>不要陷入情绪。我们在讨论问题的时候容易带入情绪，方案被否决会觉得自己被否定，从而觉得丢脸导致不能理性分析。同样的，我们在提出对方的问题的时候，也需要关注对方的情绪，尽量对事不对人。如果对方是个敏感骄傲的人，可以尝试私下进行二次对话，避免公众场合的争执。</p> <p>然后最重要的一点是准确地表达。即使工作很多年了，你依然会发现很多人甚至不能好好地描述问题。如果连问题都讲不清楚，对方又如何能提供帮助呢？表达的时候可以先写下来，自己尝试阅读几遍或者念出来，看看能否很好地理解、是否完整地说明了问题，然后才给到对方这个信息。</p> <h2 id="重复性工作"><a href="#重复性工作" class="header-anchor">#</a> 重复性工作</h2> <p>重复性的工作，常常让我们兴趣黯然又越做越烦。</p> <p>很多人会抱怨，为什么要给我安排这种没有技术含量的活。而这种没有技术含量、重复性的工作为什么占用你这么多时间，有仔细分析过吗？瓶颈在哪呢？</p> <p>我们可以对手上这些“总是反复出现”、“低级”的工作进行分析，是做了某个工具、对方使用的时候总是问很基础的问题？那么这样的问题是否可以沉淀到文档中，给到详细的指引说明、参考链接呢？又或者是因为手上的工作总是要复制粘贴，那么身为程序员的我们是否可以写个脚本或者工具去自动化完成或者局部完成呢？</p> <p>如何对待重复性、没有技术含量的工作，才是最能体现我们解决问题能力的地方。不要急躁，好好思考和分析，一步一步去解决吧。</p> <h2 id="结束语"><a href="#结束语" class="header-anchor">#</a> 结束语</h2> <p>不要让自己埋没在工作中喘不过气，解决掉低效的工作内容，解放自己，你可以走得更远，也更开心。</p></div> <!----> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/godbasin/front-end-playground/edit/sourcecode/docs/front-end-work/front-end-days/about-front-end-9.md" target="_blank" rel="noopener noreferrer">帮阿猪改善此页面！</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <!----> <blockquote>部分文章中使用了一些网站的截图，如果涉及侵权，请告诉我删一下谢谢~</blockquote> <div style="margin-top:30px;"><div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-sm-0 el-col-md-2 el-col-lg-4" style="padding-left:10px;padding-right:10px;display:block;"><div style="width:1px;height:1px;"></div></div> <div class="el-col el-col-24 el-col-sm-24 el-col-md-18 el-col-lg-16" style="padding-left:10px;padding-right:10px;"><div class="el-card box-card is-always-shadow"><div class="el-card__header"><div class="clearfix"><span>温馨提示喵</span></div></div><div class="el-card__body"> <div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="el-image"><div class="image-slot"><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/loading.gif" style="width:100%;"></div><!----></div></div> <div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="copyright-text"><div>本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。</div> <div>出处：被删的前端游乐场</div> <div>作者：<a href="https://github.com/godbasin" target="_blank">被删</a></div></div></div></div></div></div></div></div></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
        ←
        <a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html" class="prev">
          8.工作中的矛盾
        </a></span> <span class="next"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-10.html">
          10.我的工作历险记
        </a>
        →
      </span></p></div>  <div class="gitalk-container theme-default-content"><div id="gitalk-container" class="content"></div></div></main> <div id="kitty-container"><span><div role="tooltip" id="el-popover-7971" aria-hidden="true" class="el-popover el-popper" style="width:undefinedpx;display:none;"><!----><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/2code2.jpg" class="image"> <div class="text">牡羊猪的猫粮罐</div> </div><span class="el-popover__reference-wrapper"><div id="kitty" style="background:url(https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/kitty0.svg);"></div></span></span> <div class="el-dialog__wrapper" style="display:none;"><div role="dialog" aria-modal="true" aria-label="牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）" class="el-dialog" style="margin-top:15vh;"><div class="el-dialog__header"><span class="el-dialog__title">牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><!----></div></div></div></div><div class="global-ui"></div></div>
    <script src="/front-end-playground/assets/js/app.1e2670bf.js" defer></script><script src="/front-end-playground/assets/js/2.38d016d1.js" defer></script><script src="/front-end-playground/assets/js/3.e3f029cb.js" defer></script><script src="/front-end-playground/assets/js/131.3352878f.js" defer></script>
  </body>
</html>
